<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div class="date">20170603</div>
<div class="number">12</div>
<ul>
    <li class="list"><a href="http://webmagic.io/list/1"></a></li>
    <li class="list"><a href="http://webmagic.io/list/2"></a></li>
    <li class="list"><a href="http://webmagic.io/list/3"></a></li>
    <li class="list"><a href="http://webmagic.io/list/4"></a></li>
</ul>
<ul>
    <li class="post"><a href="http://webmagic.io/post/1"></a></li>
    <li class="post"><a href="http://webmagic.io/post/2"></a></li>
    <li class="post"><a href="http://webmagic.io/post/3"></a></li>
    <li class="post"><a href="http://webmagic.io/post/4"></a></li>
</ul>
<ul>
    <li class="foo"><a href="http://webmagic.io/foo/1"></a></li>
    <li class="foo"><a href="http://webmagic.io/foo/2"></a></li>
    <li class="foo"><a href="http://webmagic.io/bar/3"></a></li>
    <li class="foo"><a href="http://webmagic.io/bar/4"></a></li>
</ul>
<ul>
    <li class="bar"><a href="http://webmagic.io/bar/1"></a></li>
    <li class="bar"><a href="http://webmagic.io/bar/2"></a></li>
    <li class="bar"><a href="http://webmagic.io/foo/3"></a></li>
    <li class="bar"><a href="http://webmagic.io/foo/4"></a></li>
</ul>

<ul>
    <li class="numbers">1</li>
    <li class="numbers">2</li>
    <li class="numbers">3</li>
    <li class="numbers">4</li>
</ul>
<ul>
    <li class="dates">20170601</li>
    <li class="dates">20170602</li>
    <li class="dates">20170603</li>
    <li class="dates">20170604</li>
</ul>
</body>
</html>